<template>
	<view>
		<!-- <view class="top">
			<image src="../../static/bizhan/bi_news.png" mode=""></image>
		</view> -->
		
		<!-- 日期及时间 -->
		<view class="time">
			<view class="earth">
				<image src="../../static/bizhan/earth.png" mode=""></image>
				<text>全球快讯</text>
			</view>
			<view class="date">{{item.createTime | time}}</view>
		</view>
		<!-- 新闻信息 -->
		<view class="info">
			{{item.content}}
		</view>
		
		<!-- <view class="end">
			<view class="bigbox">
				<view class="box">
					<view class="info1">区块链媒体信息第一站</view>
					<view class="info2">200万人已下载注册</view>
				</view>
				
				<view class="download">
					<text>长按识别二维码，</text>
					<text>立即下载</text>
				</view>
			</view>
			
			<view class="">
				<image src="../../static/bizhan/erwei.png" mode=""></image>
			</view>
		</view> -->
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				item:{}
			}
		},
		onLoad(e) {
			this.item=JSON.parse(e.item)
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
	page {
		background-color: #FFFFFF;
	}
	
	.top {
		width: 750rpx;
		height: 215rpx;
		image {
			width: 100%;
			height: 100%;
		}
	}
	
	.time {
		position: relative;
		display: flex;
		align-items: center;
		margin-top: 40rpx;
		height: 50rpx;
		.earth {
			position: relative;
			left: 50rpx;
			margin-right: 40rpx;
			display: flex;
			align-items: center;
			width: 175rpx;
			height: 50rpx;
			background-color: #FE770B;
			border-radius:25rpx;
			font-size:28rpx;
			font-family:PingFang SC;
			font-weight:500;
			color:rgba(255,255,255,1);
			image {
				width: 36rpx;
				height: 36rpx;
				margin: auto 7rpx auto 6rpx;
			}
		}
		.date {
			padding-left: 45rpx;
			display: flex;
			align-items: center;
			line-height: 60rpx;
			font-size:28rpx;
			font-family:PingFang SC;
			font-weight:500;
			color:rgba(153,153,153,1);
		}
	}
	
	.info {
		margin-top: 30rpx;
		font-size:28rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(68,68,68,1);
		line-height:40rpx;
		padding: 0 41rpx;
	}
	
	.end {
		margin-top: 40rpx;
		display: flex;
		justify-content: space-around;
		height: 200rpx;
		image {
			width: 200rpx;
			height: 200rpx;
		}
		.box {
			display: flex;
			flex-direction: column;
			width:440rpx;
			height:140rpx;
			justify-content: space-around;
			border:4rpx solid rgba(255,166,30,1);
			border-radius:20rpx;
			.info1 {
				margin-left: 35rpx;
				font-size:32rpx;
				font-family:PingFang SC;
				font-weight:500;
				color:rgba(102,102,102,1);
			}
			.info2 {
				margin-left: 35rpx;
				font-size:26rpx;
				font-family:PingFang SC;
				font-weight:500;
				color:rgba(102,102,102,1);
			}
		}
	}
	
	.bigbox {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		.download {
			margin-left: 40rpx;
		}
	}
	
	.download text:nth-child(1) {
		font-size:26rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(102,102,102,1);
	}
	
	.download text:nth-child(2) {
		font-size:26rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:#FFA61E;
	}
 </style>
